<template>
    <div class="mian">
        <!-- 商品统计 -->
        <div class="home">
            <HomeSale></HomeSale>
        </div>
        <div class="order">
            <OrderSale></OrderSale>
        </div>
    </div>
</template>

<script>
import HomeSale from './components/HomeSale.vue';
import OrderSale from './components/OrderSale.vue';
export default {
    components: {
        HomeSale,
        OrderSale
    }
}
</script>

<style lang="less" scoped>
.mian {
    display: flex;
    justify-content: space-evenly;

    .home {
        width: 500px;
        height: 500px;
        // border: 1px solid red;
    }

    .order {
        width: 500px;
        height: 500px;
        // border: 1px solid rebeccapurple;
    }
}
</style>